﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Product_Detail.ascx.cs" Inherits="Controls_Product_Detail" %>
<%@ Register Src="~/Controls/Product-Intro.ascx" TagPrefix="uc1" TagName="ProductIntro" %>

<div class="row product-page">
    <div class="row product-detail">
        <div class="col-md-5 product-img">
            <asp:Image ID="imgSP" runat="server" CssClass="product-imgdetail" />

        </div>
        <div class="col-md-6 product-decs pull-right">
            <div class="row">
                <div class="col-md-12">
                    <p class="product-title">
                        <asp:Label ID="lblTenSP" runat="server" Text=""></asp:Label>

                    </p>
                </div>
            </div>
            <p id="pQuantityAvailable" class="bg-stock">
                <asp:Label ID="lblSoLuong" runat="server" Text=""></asp:Label>
                <span style="display: none;" id="quantityAvailableTxt">Item in stock</span>
                <span id="quantityAvailableTxtMultiple">Items in stock</span>
            </p>
            <div class="row">
                <div class="col-md-12">
                    <p class="product-price">
                        <asp:Label ID="lblGia" runat="server" Text=""></asp:Label>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-4">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus" data-field="quant[1]">
                                    <span class="glyphicon glyphicon-minus"></span>
                                </button>
                            </span>
                            <input type="text" name="quant[1]" class="form-control input-number" value="1" min="1" max="10">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]">
                                    <span class="glyphicon glyphicon-plus"></span>
                                </button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row" style="padding-top: 10px;">
                <div class="col-md-12">
                    <div class="product-btnbuy">
                        <asp:Button ID="btnMua" runat="server" Text="MUA NGAY,GIAO HÀNG TẬN NƠI" CssClass="btn btn-warning " OnClick="btnMua_Click" />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="product-btnbuy">
                        <asp:Button ID="btnThemVaoGioHang" runat="server" Text="THÊM VÀO GIỎ HÀNG" CssClass="btn btn-warning " OnClick="btnThemVaoGioHang_Click" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row product-tab">
        <div class="col-md-12">
            <!-- tabs -->
            <div class="product-tabcontent">
                <ul id="tabs" class="nav nav-tabs " data-tabs="tabs">
                    <li class="active"><a href="#gioithieu" data-toggle="tab">Giới Thiệu</a></li>
                    <li><a href="#thongso" data-toggle="tab">Thông Số Kỹ Thuật</a></li>
                    <li><a href="#binhluan" data-toggle="tab">Bình Luận</a></li>
                </ul>
                <div id="my-tab-content" class="tab-content">
                    <div class="tab-pane active" id="gioithieu">
                        <uc1:ProductIntro runat="server" ID="ProductIntro" />
                    </div>
                    <div class="tab-pane" id="thongso">
                        <h1>Orange</h1>
                    </div>
                    <div class="tab-pane" id="binhluan">
                        <h1>Yellow</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
